<template>
  <div class="Index">
        <index-header></index-header>
        <index-banner></index-banner>
        <index-form></index-form>
        <mid-banner></mid-banner>
        <index-chugui></index-chugui>
        <index-yigui></index-yigui>
        <index-design></index-design>
        <index-news></index-news>
        <index-brand></index-brand>
        <index-bottom></index-bottom>
        <index-footer></index-footer>
  </div>
</template>

<script>
import axios from 'axios'
import { mapState } from 'vuex'
import IndexHeader from './components/Header'
import IndexForm from './components/Form'
import IndexBanner from './components/Banner'
import MidBanner from './components/MidBanner'
import IndexChugui from './components/Chugui'
import IndexYigui from './components/Yigui'
import IndexDesign from './components/Design'
import IndexNews from './components/News'
import IndexBrand from './components/Brand'
import IndexBottom from './components/Bottom'
import IndexFooter from './components/Footer'
export default {
    name: 'Index',
    components:{
        IndexHeader,
        IndexBanner,
        IndexForm,
        MidBanner,
        IndexChugui,
        IndexYigui,
        IndexDesign,
        IndexNews,
        IndexBrand,
        IndexBottom,
        IndexFooter,
    },
    data () {
        return {
        
        }
    },
    computed:{
        ...mapState(['baseUrl'])
    },
}
</script>


<style scoped>

</style>
